import {designPage} from "plain-ui-composition";
import {ThemeDemo} from "./ThemeDemo";
import {ThemeEditPanel} from "./ThemeEditPanel";

export default designPage(() => {
    return () => (
        <div class={'doc-theme-page'} style={{
            width: 'calc(100% + 285px)',
            display: 'inline-block',
            boxSizing: 'border-box',
            position: 'relative',
            zIndex: 10,
            backgroundColor: 'white',
            padding: '0 20px 300px',
            borderRadius: '4px',
        }}>
            <ThemeDemo/>
            <ThemeEditPanel/>
        </div>
    )
})
